<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/kugou2.0.css"/>
	</head>
	<body>
		
		<div id="web">
			
			<!--加载页-->
			<div id="pageload">
				<div class="star"><img src="img/star.png"/></div>
				<div class="earth">
					<img src="img/earth.png"/>
				</div>
				<div class="protagonist"><img src="img/protagonist.png"/></div>
				<div class="please">
					<img src="img/pleaseWearEar.png"/>
				</div>
				<div class="arrow">
					<img src="img/arrow.png"/>
				</div>
				<p class="progresstext">
					Loading...
				</p>
			</div>
		
		
			<!--开始页-->
			<div id="pageStart">
				<div class="light_bg lg1"></div>
				<div class="light_bg lg2"></div>
				<div class="light_bg lg3"></div>
				<div class="light_bg lg4"></div>
				<div class="light_bg lg5"></div>
				<div class="light_bg lg6"></div>
				
				<div class="logo">
					<img src="img/KuGouLog.png"/>
				</div>
				<div class="mouth">
					<img src="img/mouth.png"/>
				</div>
				<div class="title">
					<img src="img/index_625secguess.png"/>
				</div>
				<div class="manLeft">
					<img src="img/man_left.png"/>
				</div>
				<div class="wenhao1">
					<img src="img/sixQuery.png"/>
				</div>
				<div class="manRight">
					<img src="img/man_right.png"/>
				</div>
				<div class="wenhao2">
					<img  class="w1" src="img/what.png"/>
					<img  class="w2" src="img/what.png"/>
					<img  class="w3" src="img/what.png"/>
					<img  class="w4" src="img/what.png"/>
				</div>
				<div class="whatSong">
					<img src="img/whatSong.png"/>
				</div>
				<button class="start">
					<img src="img/index_start.png"/>
				</button>
			</div>
			
			
			<div class="game">
				<audio src="" loop></audio>
					<!--老歌页-->
				<div id="laoge" class="gamePage">
					<div class="laoge_bg">
						<img src="img/laoge-bg.jpg"/>
					</div>
					<div class="light">
						<img src="img/lightearth.png"/>
					</div>
					
					<div class="hualeft">
						<img src="img/juhualeft.png"/>
					</div>
					<div class="huaright">
						<img src="img/juhuaright.png"/>
					</div>
					<div class="oldman">
						<img src="img/oldman.png"/>
					</div> 
				</div>
			
				<!--r&b页-->
				<div id="rb" class="gamePage">
					<div class="laoge_bg">
						<img src="img/laoge-bg.jpg"/>
					</div>
					<div class="light2">
						<img src="img/lightearth.png"/>
					</div>
					<div class="carbox">
						<div class="threeyao">
							<img src="img/threeYao.png"/>
						</div>
						<div class="car">
							<img src="img/car.png"/>
						</div>
						
					</div>
					
				</div>
				
				<!--摇滚页-->
				<div id="rock" class="gamePage">
					<div class="light_bg lg1"></div>
					<div class="light_bg lg2"></div>
					<div class="light_bg lg3"></div>
					<div class="light_bg lg4"></div>
					<div class="light_bg lg5"></div>
					<div class="light_bg lg6"></div>
					
					<div class="rockbox">
						<div class="stage">
							<img src="img/stage.png"/>
						</div>
						
						<div class="audienceLeft">
							<img src="img/audienceLeft.png"/>
						</div>
						<div class="wow">
							<img src="img/wow.png"/>
						</div>
						<div class="audienceRight">
							<img src="img/audienceRight.png"/>
						</div>
						<div class="wow2">
							<img src="img/wow2.png"/>
						</div>
						<div class="songer">
							<img src="img/songer.png"/>
						</div>
					</div>
					
				</div>
				
				<!--电影金曲页-->
				<div id="movie" class="gamePage">
					<div class="laoge_bg">
						<img src="img/laoge-bg.jpg"/>
					</div>
					<div class="moviebox">
						<div class="movie1">
							<img src="img/movieHitSong.png"/>
						</div>
						<div class="movie3">
							<img src="img/movieHitSongpeople.png"/>
						</div>
						<div class="movie2">
							<img src="img/movieHitSongCityWall.png"/>
						</div>
					</div>
					
					
				</div>
				
				<!--经典歌曲页-->
				<div id="jingdian" class="gamePage">
					<div class="laoge_bg">
						<img src="img/laoge-bg.jpg"/>
					</div>
					<div class="light2">
						<img src="img/lightearth.png"/>
					</div>
					<div class="jiandianbox">
						<div class="walls">
							<img src="img/WCwalls.png"/>
						</div>
						<div class="peo">
							<img src="img/watchpeos.png"/>
						</div>
						<div class="sanbang1">
							<img src="img/sangBan1.png"/>
							</div>
							<div class="jianfeizao">
							<img src="img/jianfeizaode.png"/>
						</div>
						<div class="feizao">
							<img src="img/feiZhao.png"/>
						</div>
						
						<div class="sanbang2">
							<img src="img/sangBan2.png"/>
						</div>
					</div>
					
				</div>
				
				<!--流行歌-->
				<div id="liuxing" class="gamePage">
					<div class="liuxing_bg">
						<img src="img/manwoman_bg.png"/>
					</div>
					<div class="wogeini">
						<img src="img/wogeiyou.png"/>
					</div>
					<div class="woman">
						<img src="img/wuman.png"/>
					</div>
					<div class="man">
						<img src="img/man.png"/>
					</div>
					
					
				</div>
				
				<!--选项-->
				<div class="change">
					<div class="a">
						<p class="a_p" ans_id ="0"></p>
						<img src="img/selectA.png"/>
					</div>
					<div class="b">
						<p class="b_p" ans_id ="1"></p>
						<img src="img/selectB.png"/>
					</div>
					<div class="c">
						<p class="c_p" ans_id ="2"></p>
						<img src="img/selectC.png"/>
					</div>
					<div class="time60">
						
					</div>
					<div class="smallmouth">
						<img src="img/smallMouth.png"/>
					</div>
					
				</div>
				
				<!--提示弹窗-->
				<div class="tishi">
					至少听两秒
				</div>
				
				<div id="end">
				<div class="end_bg">
					<img src="img/user_bg.png"/>
				</div>
				<div class="logo">
					<img src="img/KuGouLog.png"/>
				</div>
			</div>
				
			</div>
				
				
			
			
		
		</div>
		
		
		
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/preloadjs.min.js" ></script>
		<script src="js/auto.js" ></script>
		<script src="js/kugou.js" ></script>
	</body>
</html>
